jQuery(function() {
    $('#container').highcharts({     
        //图形属性
        chart: {
            plotBackgroundColor: null,//主图表区背景色，即X轴与Y轴围成的区域的背景色
            plotBorderWidth: null,//主图表区边框的颜色，即X轴与Y轴围成的区域的边框颜色
            plotShadow: false //是否设置阴影，需要设置背景色backgroundColor
        },
        //大标题
        title: {
            text: 'Browser market shares at a specific website, 2010'//标题文本内容
        },
        //二级标题
        subtitle: {
            text: '饼图',
            x: -20
        },
        
        //鼠标经过图表上的提示
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' //回调函数，用于格式化输出提示框的显示内容
        },
        
        //数据点选项
        plotOptions: {
            pie: {
                allowPointSelect: true,//是否允许使用鼠标选中数据点
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,//展示：true/false
                    color: '#000000',//颜色
                    connectorColor: '#000000',
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        },
        
        //柱形图数据信息展示
        series: [{
                type: 'pie',//数据列类型，支持 area, areaspline, bar, column, line, pie, scatter or spline
                name: 'Browser share',//显示数据列的名称
                data: [
                    ['Firefox', 45.0],
                    ['IE', 26.8],
                    {
                        name: 'Chrome',
                        y: 12.8,
                        sliced: true,
                        selected: true
                    },
                    ['Safari', 8.5],
                    ['Opera', 6.2],
                    ['Others', 0.7]
                ]
            }]
    });

});

